<!DOCTYPE html>
<html xmlns:th="http:/www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>首页</title>
    <link rel="stylesheet" th:href="@{/resources/bootstrap/css/bootstrap.min.css}">
    <link rel="stylesheet" th:href="@{/resources/awi/css/AdminLTE.min.css}">
    <link rel="stylesheet" th:href="@{/resources/plugins/bootstrap-table/bootstrap-table.min.css}">
    <link rel="stylesheet" th:href="@{/resources/awi/css/font-awesome.css}">
    <style>
       th,td{
            text-align: left;
            vertical-align: middle;
           white-space: nowrap;
           text-overflow: ellipsis;
           font-size: 12px;
        }
    </style>
</head>
<body>
<div class="container-fluid">
    <div class="row">
        <div class="col-md-12">
            <h3 class="header">首页控制台</h3>
            <hr>
        </div>
        <div class="col-md-3">
            <div class="info-box bg-info">
                <span class="info-box-icon bg-light-blue"><i class="fa fa-area-chart"></i></span>
                <div class="info-box-content">
                    <span class="info-box-text">项目总数</span>
                    <span class="info-box-number">25</span>
                </div>
                <!-- /.info-box-content -->
            </div>
        </div>
        <div class="col-md-3">
            <div class="info-box">
                <span class="info-box-icon bg-green-gradient"><i class="ion ion-ios-gear-outline"></i></span>

                <div class="info-box-content">
                    <span class="info-box-text">实施中项目</span>
                    <span class="info-box-number">2</span>
                </div>
                <!-- /.info-box-content -->
            </div>
        </div>
        <div class="col-md-3">
            <div class="info-box">
                <span class="info-box-icon bg-orange-active"><i class="fa fa-clock-o"></i></span>

                <div class="info-box-content">
                    <span class="info-box-text">超期项目</span>
                    <span class="info-box-number">1</span>
                </div>
                <!-- /.info-box-content -->
            </div>
        </div>
        <div class="col-md-3">
            <div class="info-box">
                <span class="info-box-icon bg-red-active"><i class="fa fa-eye"></i></span>

                <div class="info-box-content">
                    <span class="info-box-text">紧急项目</span>
                    <span class="info-box-number">2</span>
                </div>
                <!-- /.info-box-content -->
            </div>
        </div>

        <div class="col-md-8">
            <div class="box box-info" style="height: 333px;">
                <div class="box-header with-border">
                    <i class="fa fa-bar-chart"></i>督察督办
                    <a href="javascript:void(0)" class="pull-right"><i class="fa fa-list"></i>更多</a>
                </div>
                <div class="box-body">
                    <table class="table table-condensed project-info-table">

                        <tr>
                        <td style="width: 50%;">信通综合信息化服务平台</td>
                        <td style="width:35%;">
                            <div class="progress progress-sm" >
                                <div class="progress-bar progress-bar-striped active" style="width: 40%;">
                                </div>
                            </div>
                        </td>
                        <td style="width: 15%;">2019-04-23</td>
                    </tr>
                        <tr>
                            <td>信通综合信息化服务平台</td>
                            <td>
                                <div class="progress progress-sm" >
                                    <div class="progress-bar progress-bar-striped active" style="width: 40%;">

                                    </div>
                                </div>
                            </td>
                            <td>2019-04-23</td>
                        </tr>
                        <tr>
                            <td>信通综合信息化服务平台</td>
                            <td>
                                <div class="progress progress-sm" >
                                    <div class="progress-bar progress-bar-striped active" style="width: 40%;">

                                    </div>
                                </div>
                            </td>
                            <td>2019-04-23</td>
                        </tr>
                        <tr>
                            <td>信通综合信息化服务平台</td>
                            <td>
                                <div class="progress progress-sm" >
                                    <div class="progress-bar progress-bar-striped active" style="width: 40%;">

                                    </div>
                                </div>
                            </td>
                            <td>2019-04-23</td>
                        </tr>
                        <tr>
                            <td>信通综合信息化服务平台</td>
                            <td>
                                <div class="progress progress-sm">
                                    <div class="progress-bar progress-bar-striped active" style="width: 40%;">

                                    </div>
                                </div>
                            </td>
                            <td>2019-04-23</td>
                        </tr>
                        <tr>
                            <td>信通综合信息化服务平台</td>
                            <td>
                                <div class="progress progress-sm">
                                    <div class="progress-bar progress-bar-striped active" style="width: 40%;">

                                    </div>
                                </div>
                            </td>
                            <td>2019-04-23</td>
                        </tr>
                        <tr>
                            <td>信通综合信息化服务平台</td>
                            <td>
                                <div class="progress progress-sm" >
                                    <div class="progress-bar progress-bar-striped active" style="width: 40%;">

                                    </div>
                                </div>
                            </td>
                            <td>2019-04-23</td>
                        </tr>
                        <tr>
                            <td>信通综合信息化服务平台</td>
                            <td>
                                <div class="progress progress-sm" >
                                    <div class="progress-bar progress-bar-striped active" style="width: 40%;">

                                    </div>
                                </div>
                            </td>
                            <td>2019-04-23</td>
                        </tr>
                        <tr>
                            <td>信通综合信息化服务平台</td>
                            <td>
                                <div class="progress progress-sm" >
                                    <div class="progress-bar progress-bar-striped active" style="width: 40%;">

                                    </div>
                                </div>
                            </td>
                            <td>2019-04-23</td>
                        </tr>
                        <tr>
                            <td>信通综合信息化服务平台</td>
                            <td>
                                <div class="progress progress-sm" >
                                    <div class="progress-bar progress-bar-striped active" style="width: 40%;">

                                    </div>
                                </div>
                            </td>
                            <td>2019-04-23</td>
                        </tr>



                    </table>
                </div>
            </div>
        </div>
        <div class="col-md-4">
            <div class="box box-info" style="height: 333px">
                <div class="box-header with-border">
                    <i class="fa fa-clock-o"></i>通知公告
                    <a href="javascript:void(0)" class="pull-right"><i class="fa fa-list"></i>更多</a>
                </div>
                <div class="box-body">
                    <table class="table table-condensed">
                        <tr>
                            <td style="width: 70%;">通知公告通知公告通知公告通知公告通知公告</td>
                            <td style="width: 30%;">2019-04-23</td>
                        </tr>
                        <tr>
                            <td style="width: 70%;">通知公告通知公告通知公告通知公告通知公告</td>
                            <td style="width: 30%;">2019-04-23</td>
                        </tr>
                        <tr>
                            <td style="width: 70%;">通知公告通知公告通知公告通知公告通知公告</td>
                            <td style="width: 30%;">2019-04-23</td>
                        </tr>
                        <tr>
                            <td style="width: 70%;">通知公告通知公告通知公告通知公告通知公告</td>
                            <td style="width: 30%;">2019-04-23</td>
                        </tr>
                        <tr>
                            <td style="width: 70%;">通知公告通知公告通知公告通知公告通知公告</td>
                            <td style="width: 30%;">2019-04-23</td>
                        </tr>
                        <tr>
                            <td style="width: 70%;">通知公告通知公告通知公告通知公告通知公告</td>
                            <td style="width: 30%;">2019-04-23</td>
                        </tr>
                        <tr>
                            <td style="width: 70%;">通知公告通知公告通知公告通知公告通知公告</td>
                            <td style="width: 30%;">2019-04-23</td>
                        </tr>
                        <tr>
                            <td style="width: 70%;">通知公告通知公告通知公告通知公告通知公告</td>
                            <td style="width: 30%;">2019-04-23</td>
                        </tr>
                        <tr>
                            <td style="width: 70%;">通知公告通知公告通知公告通知公告通知公告</td>
                            <td style="width: 30%;">2019-04-23</td>
                        </tr>
                        <tr>
                            <td style="width: 70%;">通知公告通知公告通知公告通知公告通知公告</td>
                            <td style="width: 30%;">2019-04-23</td>
                        </tr>
                    </table>
                </div>
            </div>
        </div>
        <div class="col-md-6">
            <div class="box box-info" style="height: 400px">
                <div class="box-header with-border">
                    建设要闻
                    <a href="javascript:void(0)" class="pull-right"><i class="fa fa-list"></i>更多</a>
                </div>
                <div class="box-body">
                    人员负载柱状图
                </div>
            </div>
        </div>
        <div class="col-md-6">
            <div class="box box-info" style="height: 400px">
                <div class="box-header with-border">
                    最新动态
                    <a href="javascript:void(0)" class="pull-right"><i class="fa fa-list"></i>更多</a>
                </div>
                <div class="box-body">
                    最新动态
                </div>
            </div>
        </div>
    </div>
</div>
</body>
<script th:src="@{/resources/plugins/jQuery/jquery-2.2.3.min.js}"></script>
<!-- Bootstrap 3.3.6 -->
<script th:src="@{/resources/bootstrap/js/bootstrap.min.js}"></script>

<!-- Bootstrap 3.3.6 -->
<script th:src="@{/resources/plugins/bootstrap-table/bootstrap-table.min.js}"></script>
<script th:src="@{/resources/plugins/bootstrap-table/bootstrap-table-locale-all.min.js}"></script>
<script th:src="@{/resources/awi/js/app.min.js}"></script>
<script th:src="@{/resources/awi/js/app_iframe.min.js}"></script>

</html>